<template>
	<view class="flex flex-align-center">
		<view class="star font28 flex flex-align-center color-3FA897">
			<image style="width: 28rpx;height: 28rpx;" src="http://jiaoyukehu.oss-cn-beijing.aliyuncs.com/static//home/ic_star.png" mode=""></image>
			{{ dataItem.score }}
		</view>
		<view class="font28 color-8E8E8E flex flex-align-center flex-space-between m-l-40">
			销量 <text style="margin-left: 4rpx;">{{ dataItem.saleNum }}</text>
			<view class="flex flex-align-center m-l-40">
				<image style="width: 26rpx;height: 32rpx;margin-right: 10rpx;" src="http://jiaoyukehu.oss-cn-beijing.aliyuncs.com/static//home/ic_loction.png" mode=""></image>
				{{ dataItem.distance }}km
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	const props = defineProps({
		dataItem: {
			type: Object,
			default: {}
		}
	})
</script>

<style lang="scss" scoped>
	.star {
		position: relative;
		image {
			margin-right: 10rpx;
		}
	}
</style>